<!DOCTYPE HTML>
<html lang="en-US">
    <head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.1</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Abel">
            <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300">

    <!-- aditional stylesheets -->
        <!-- colorbox -->
            <link rel="stylesheet" href="js/lib/colorbox/colorbox.css">
        <!--fullcalendar -->
            <link rel="stylesheet" href="js/lib/fullcalendar/fullcalendar_beoro.css">


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- top bar -->
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="pull-right top-search">
                            <form action="" >
                                <input type="text" name="q" id="q-main">
                                <button class="btn"><i class="icon-search"></i></button>
                            </form>
                        </div>
                        <div id="fade-menu" class="pull-left">
                            <ul class="clearfix" id="mobile-nav">
                                <li>
                                    <a href="javascript:void(0)">Forms</a>
                                    <ul>
                                        <li>
                                            <a href="form_elements.html">Form elements</a>
                                        </li>
                                        <li>
                                            <a href="form_validation.html">Form validation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Components</a>
                                    <ul>
                                        <li>
                                            <a href="calendar.html">Calendar</a>
                                        </li>
                                        <li>
                                            <a href="charts.html">Charts</a>
                                        </li>
                                        <li>
                                            <a href="contact_list.html">Contact List</a>
                                        </li>
                                        <li>
                                            <a href="datatables.html">Datatables</a>
                                        </li>
                                        <li>
                                            <a href="editable_elements.html">Editable Elements</a>
                                        </li>
                                        <li>
                                            <a href="file_manager.html">File manager</a>
                                        </li>
                                        <li>
                                            <a href="gallery.html">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="gmaps.html">Google Maps</a>
                                        </li>
                                        <li>
                                            <a href="#">Tables</a>
                                            <ul>
                                                <li><a href="tables_regular.html">Regular Tables</a></li>
                                                <li><a href="table_stacking.html">Stacking Table</a></li>
                                                <li><a href="table_examples.html">Table examples</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="wizard.html">Wizard</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">UI Elements</a>
                                    <ul>
                                        <li><a href="alerts_buttons.html">Alerts, Buttons</a></li>
                                        <li><a href="grid.html">Grid</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li>
                                            <a href="notifications.html">Notifications</a>
                                        </li>
                                        <li><a href="tabs_accordions.html">Tabs, Accordions</a></li>
                                        <li><a href="tooltips_popovers.html">Tooltips, Popovers</a></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="widgets.html">Widgets</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Other pages</a>
                                    <ul>
                                        <li><a href="ajax_content.html">Ajax content</a></li>
                                        <li><a href="blank.html">Blank page</a></li>
                                        <li><a href="blog_page.html">Blog page</a></li>
                                        <li><a href="blog_page_single.html">Blog page (single)</a></li>
                                        <li><a href="error_404.html">Error 404</a></li>
                                        <li><a href="help_faq.html">Help/Faq</a></li>
                                        <li><a href="invoices.html">Invoices</a></li>
                                        <li><a href="login.html">Login Page</a></li>
                                        <li><a href="mailbox.html">Mailbox</a></li>
                                        <li><a href="user_profile.html">User profile</a></li>
                                        <li><a href="settings.html">Site Settings</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Sub-menu</a>
                                    <ul>
                                        <li><a href="#">Section 1</a></li>
                                        <li><a href="#">Section 2</a></li>
                                        <li><a href="#">Section 3</a></li>
                                        <li>
                                            <a href="#">Section 4</a>
                                            <ul>
                                                <li><a href="#">Section 4.1</a></li>
                                                <li><a href="#">Section 4.2</a></li>
                                                <li><a href="#">Section 4.3</a></li>
                                                <li>
                                                    <a href="#">Section 4.4</a>
                                                    <ul>
                                                        <li><a href="#">Section 4.4.1</a></li>
                                                        <li><a href="#">Section 4.4.2</a></li>
                                                        <li><a href="#">Section 4.4.4</a></li>
                                                        <li><a href="#">Section 4.4.5</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Section5</a></li>
                                        <li><a href="#">Section6</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- header -->
            <header>
                <div class="container">
                    <div class="row">
                        <div class="span3">
                            <div class="main-logo"><a href="dashboard.html"><img src="img/beoro_logo.png" alt="Beoro Admin"></a></div>
                        </div>
                        <div class="span5">
                            <nav class="nav-icons">
                                <ul>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Dashboard"><i class="icsw16-home"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Content"><i class="icsw16-create-write"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Mailbox"><i class="icsw16-mail"></i><span class="badge badge-info">6</span></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Comments"><i class="icsw16-speech-bubbles"></i><span class="badge badge-important">14</span></a></li>
                                    <li class="active"><span class="ptip_s" title="Statistics (active)"><i class="icsw16-graph"></i></span></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Settings"><i class="icsw16-cog"></i></a></li>
                                </ul>
                             </nav>
                        </div>
                        <div class="span4">
                            <div class="user-box">
                                <div class="user-box-inner">
                                    <img src="img/avatars/avatar.png" alt="" class="user-avatar img-avatar">
                                    <div class="user-info">
                                        Welcome, <strong>Jonathan</strong>
                                        <ul class="unstyled">
                                            <li><a href="user_profile.html">Settings</a></li>
                                            <li>&middot;</li>
                                            <li><a href="login.html">Logout</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

        <!-- breadcrumbs -->
            <div class="container">
                <ul id="breadcrumbs">
                    <li><a href="javascript:void(0)"><i class="icon-home"></i></a></li>
                    <li><a href="javascript:void(0)">Content</a></li>
                    <li><a href="javascript:void(0)">Article: Lorem ipsum dolor...</a></li>
                    <li><a href="javascript:void(0)">Comments</a></li>
                    <li><span>Lorem ipsum dolor sit amet...</span></li>
                </ul>
            </div>
            
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span8">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Analytics</h4>
                                <i class="icsw16-graph icsw16-white pull-right"></i>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="slidewrap">
                                    <ul class="slider" id="sliderName">
                                        <li class="slide">  
                                            <span class="hide headName">Pageviews</span>
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <div id="ch_pages" class="chart_a"></div>
                                                </div>
                                            </div>
                                            <div class="row-fluid">
                                                <div class="span10 offset1">
                                                    <div class="row-fluid">
                                                        <div class="span4">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last 24h<span class="up">+12%</span></p>
                                                                <p class="anlt_content">2 131</p>
                                                            </div>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last 7 days<span class="down">-5%</span></p>
                                                                <p class="anlt_content">14 483</p>
                                                            </div>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last Month<span class="up">+14%</span></p>
                                                                <p class="anlt_content">64 250</p>
                                                            </div>
                                                        </div>  
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="slide">
                                            <span class="hide headName">Users</span>
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <div id="ch_users" class="chart_a"></div>
                                                </div>
                                            </div>
                                            <div class="row-fluid">
                                                <div class="span10 offset1">
                                                    <div class="row-fluid">
                                                        <div class="span6">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last 24h<span class="up">+8%</span></p>
                                                                <p class="anlt_content">184</p>
                                                            </div>
                                                        </div>
                                                        <div class="span6">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last 7 days<span class="up">+20%</span></p>
                                                                <p class="anlt_content">1468</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="slide">
                                            <span class="hide headName">Sales</span>
                                            <div class="row-fluid">
                                                <div class="span12">
                                                    <div id="ch_sales" class="chart_a"></div>
                                                </div>
                                            </div>
                                            <div class="row-fluid">
                                                <div class="span10 offset1">
                                                    <div class="row-fluid">
                                                        <div class="span6">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last 24h<span class="up">+20%</span></p>
                                                                <p class="anlt_content">$1 843</p>
                                                            </div>
                                                        </div>
                                                        <div class="span6">
                                                            <div class="anlt_box">
                                                                <p class="anlt_heading">Last 7 days<span class="down">-10%</span></p>
                                                                <p class="anlt_content">$11 638</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="w-box w-box-green hideable">
                            <div class="w-box-header">
                                <h4>Todo list</h4>
                                <div class="pull-right">
                                    <span class="label"><span class="jQ-todoAll-count"></span> tasks</span>
                                </div>
                            </div>
                            <div class="w-box-content todo-list">
                                <div class="add_box input-append">
                                    <input class="span10" type="text" placeholder="Add item" id="addTask" /><button class="btn btn-small" type="button"><i class="icon-plus"></i></button>
                                </div>
                                <h4>Personal (<span class="todo-nb"></span>)</h4>
                                <ul class="connectedSortable">
                                    <li class="high-pr"><input type="checkbox" class="todo-check" /> Buy groceries</li>
                                    <li class="low-pr completed"><input type="checkbox" checked class="todo-check" /> Do laundry</li>
                                    <li class="low-pr"><input type="checkbox" class="todo-check" /> Meeting with Macy</li>
                                    <li class="high-pr"><input type="checkbox" class="todo-check" /> Pick up kids</li>
                                </ul>
                                <h4>Work (<span class="todo-nb"></span>)</h4>
                                <ul class="connectedSortable">
                                    <li class="medium-pr"><input type="checkbox" class="todo-check" /> Send press releases</li>
                                    <li class="low-pr"><input type="checkbox" class="todo-check" /> Buy books</li>
                                    <li class="high-pr completed"><input type="checkbox" checked class="todo-check" /> Update main site</li>
                                </ul>
                            </div>
                        </div>
                    </div>  
                </div>
                <div class="row-fluid">
                    <div class="span5">
                        <div class="w-box w-box-orange">
                            <div class="w-box-header">
                                <h4>Chat</h4>
                                <div class="pull-right">
                                    <div class="toggle-group">
                                        <span data-toggle="dropdown" class="dropdown-toggle">Actions <span class="caret"></span></span>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">Action</a></li>
                                            <li><a href="#">Another action</a></li>
                                            <li><a href="#">Something else here</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#">Separated link</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="w-box-content">
                                <div class="ch-messages">   
                                    <div class="ch-message-item clearfix">
                                        <img src="img/avatars/avatar_1.png" alt="" class="ch-image img-avatar"/>
                                        <div class="ch-content">
                                            <p class="ch-name">
                                                <strong>Summer Throssell</strong>
                                                <span class="ch-time">10:54</span>
                                            </p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet nisl nec nunc sollicitudin bibendum. Pellentesque orci massa, venenatis nec porttitor eget, euismod id diam.
                                        </div>
                                    </div>
                                    <div class="ch-message-item clearfix">
                                        <img src="img/avatars/avatar_2.png" alt="" class="ch-image img-avatar"/>
                                        <div class="ch-content">
                                            <p class="ch-name">
                                                <strong>Declan Pamphlett</strong>
                                                <span class="ch-time">10:54</span>
                                            </p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet nisl nec nunc sollicitudin bibendum. Pellentesque orci massa, venenatis nec porttitor eget, euismod id diam. Praesent pretium dapibus ornare. Morbi pharetra nulla at elit tincidunt eget auctor eros sollicitudin. Vestibulum in velit neque.
                                        </div>
                                    </div>
                                    <div class="ch-message-item clearfix">
                                        <img src="img/avatars/avatar_3.png" alt="" class="ch-image img-avatar"/>
                                        <div class="ch-content">
                                            <p class="ch-name">
                                                <strong>Erin Church</strong>
                                                <span class="ch-time">10:54</span>
                                            </p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet nisl nec nunc sollicitudin bibendum. Pellentesque orci massa, venenatis nec porttitor eget, euismod id diam. Praesent pretium dapibus ornare. Morbi pharetra nulla at elit tincidunt eget auctor eros sollicitudin. Vestibulum in velit neque.
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet nisl nec nunc sollicitudin bibendum. Pellentesque orci massa, venenatis nec porttitor eget, euismod id diam. Praesent pretium dapibus ornare. Morbi pharetra nulla at elit tincidunt eget auctor eros sollicitudin. Vestibulum in velit neque.
                                        </div>
                                    </div>
                                    <div class="ch-message-item clearfix">
                                        <img src="img/avatars/avatar_4.png" alt="" class="ch-image img-avatar"/>
                                        <div class="ch-content">
                                            <p class="ch-name">
                                                <strong>Anthony Pound</strong>
                                                <span class="ch-time">10:54</span>
                                            </p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet nisl nec nunc sollicitudin bibendum. Pellentesque orci massa, venenatis nec porttitor eget, euismod id diam. Praesent pretium dapibus ornare. Morbi pharetra nulla at elit tincidunt eget auctor eros sollicitudin. Vestibulum in velit neque.
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet nisl nec nunc sollicitudin bibendum. Pellentesque orci massa, venenatis nec porttitor eget, euismod id diam. Praesent pretium dapibus ornare. Morbi pharetra nulla at elit tincidunt eget auctor eros sollicitudin. Vestibulum in velit neque.
                                        </div>
                                    </div>
                                </div>
                                <div class="ch-message-item clearfix" id="ch-message-temp" style="display:none">
                                    <img src="img/avatars/avatar.png" alt="" class="ch-image img-avatar"/>
                                    <div class="ch-content">
                                        <p class="ch-name">
                                            <strong>Jonathan Smith</strong>
                                            <span class="ch-time"></span>
                                        </p>
                                        <span class="ch-text"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="w-box-footer">
                                <div class="ch-message-add control-group">
                                    <div class="input-append">
                                        <input type="text" class="span9 ch-message-input" placeholder="Add message" >
                                        <button type="button" class="btn ch-message-send">Send</button>
                                    </div>
                                </div>
                            </div>
                         </div>
                    </div>
                    <div class="span7">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>Latest images</h4>
                                <div class="pull-right">
                                    <div class="toggle-group">
                                        <span data-toggle="dropdown" class="dropdown-toggle">Actions <span class="caret"></span></span>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">Action</a></li>
                                            <li><a href="#">Another action</a></li>
                                            <li><a href="#">Something else here</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#">Separated link</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="w-box-content cnt_a">
                                <ol id="small-filters" class="nav-beoro">
                                    <li data-filter="single_item" class="active">All</li>
                                    <li data-filter="this_week">This week</li>
                                    <li data-filter="last_week">Last week</li>
                                </ol>
                                <div id="small_grid" class="wmk_grid">
                                    <ul>
                                        <li class="single_item last_week">
                                            <a href="gallery/Image01.jpg"><img src="gallery/Image01_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item last_week">
                                            <a href="gallery/Image02.jpg"><img src="gallery/Image02_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item this_week">
                                            <a href="gallery/Image03.jpg"><img src="gallery/Image03_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item last_week">
                                            <a href="gallery/Image04.jpg"><img src="gallery/Image04_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item last_week">
                                            <a href="gallery/Image05.jpg"><img src="gallery/Image05_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item this_week">
                                            <a href="gallery/Image06.jpg"><img src="gallery/Image06_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item this_week">
                                            <a href="gallery/Image07.jpg"><img src="gallery/Image07_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item last_week">
                                            <a href="gallery/Image08.jpg"><img src="gallery/Image08_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item this_week">
                                            <a href="gallery/Image09.jpg"><img src="gallery/Image09_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item this_week">
                                            <a href="gallery/Image10.jpg"><img src="gallery/Image10_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item this_week">
                                            <a href="gallery/Image11.jpg"><img src="gallery/Image11_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item last_week">
                                            <a href="gallery/Image12.jpg"><img src="gallery/Image12_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                            <li class="single_item last_week">
                                            <a href="gallery/Image13.jpg"><img src="gallery/Image13_tn.jpg" alt="" /></a>
                                            <p class="imgInfo">Lorem ipsum dolor...</p>
                                        </li>
                                        </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span4">
                        <div class="w-box hideable">
                            <div class="w-box-header">
                                <h4>Latest comments</h4>
                                <i class="icsw16-speech-bubble icsw16-white pull-right"></i>
                            </div>
                            <div class="w-box-content">
                                <table class="table table-striped table-list">
                                    <tbody>
                                        <tr>
                                            <td class="list-image"><a href="javascript:void(0)" title="Comment by Summer Throssell" class="ptip_ne"><i class="splashy-comments"></i></a></td>
                                            <td>
                                                <a href="javascript:void(0)" class="list-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus dictum rhoncus...</a>
                                                <span class="minor">on October 24 @ 7:23</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="list-image"><a href="javascript:void(0)" title="Comment by Summer Throssell" class="ptip_ne"><i class="splashy-comments"></i></a></td>
                                            <td>
                                                <a href="javascript:void(0)" class="list-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus dictum rhoncus...</a>
                                                <span class="minor">on October 24 @ 7:23</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="list-image"><a href="javascript:void(0)" title="Comment by Summer Throssell" class="ptip_ne"><i class="splashy-comments"></i></a></td>
                                            <td>
                                                <a href="javascript:void(0)" class="list-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus dictum rhoncus. Duis quis pretium massa. Integer laoreet erat id neque interdum...</a>
                                                <span class="minor">on October 24 @ 7:23</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="list-image"><a href="javascript:void(0)" title="Comment by Summer Throssell" class="ptip_ne"><i class="splashy-comments"></i></a></td>
                                            <td>
                                                <a href="javascript:void(0)" class="list-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus dictum rhoncus...</a>
                                                <span class="minor">on October 24 @ 7:23</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="list-image"><a href="javascript:void(0)" title="Comment by Summer Throssell" class="ptip_ne"><i class="splashy-comments"></i></a></td>
                                            <td>
                                                <a href="javascript:void(0)" class="list-text">Lorem ipsum dolor sit amet...</a>
                                                <span class="minor">on October 24 @ 7:23</span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                         </div>
                    </div>
                    <div class="span8">
                        <div class="w-box w-box-blue">
                            <div class="w-box-header">
                            </div>
                            <div class="w-box-content">
                                <div id="calendar_widget"></div>
                            </div>
                         </div>
                    </div>  
                </div>
            </div>
            <div class="footer_space"></div>
        </div> 

    <!-- footer --> 
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span5">
                        <div>&copy; Your Company 2012</div>
                    </div>
                    <div class="span7">
                        <ul class="unstyled">
                            <li><a href="#">First link</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Second link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>


    <!-- Dashboard JS -->
        <!-- jQuery UI -->
            <script src="js/lib/jquery-ui/jquery-ui-1.9.2.custom.min.js"></script>
        <!-- touch event support for jQuery UI -->
            <script src="js/lib/jquery-ui/jquery.ui.touch-punch.min.js"></script>
        <!-- colorbox -->
            <script src="js/lib/colorbox/jquery.colorbox.min.js"></script>
        <!-- fullcalendar -->
            <script src="js/lib/fullcalendar/fullcalendar.min.js"></script>
        <!-- flot charts -->
            <script src="js/lib/flot-charts/jquery.flot.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.resize.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.pie.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.orderBars.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.tooltip.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.time.js"></script>
        <!-- responsive carousel -->
            <script src="js/lib/carousel/plugin.min.js"></script>
        <!-- responsive image grid -->
            <script src="js/lib/wookmark/jquery.imagesloaded.min.js"></script>
            <script src="js/lib/wookmark/jquery.wookmark.min.js"></script>

            <script src="js/pages/beoro_dashboard.js"></script>

    </body>
</html>